<div class="">
    <div id="portlet_campaign_info" class="portlet portlet-default">
        <div class="portlet-heading">
            <h3 class="portlet-title">
                <div class="ellipsis-txt-title"><span class="campaign-name text-black"></span></div>
                <div class="portlet-title-ext" style="right: -35px"><a class="btn-operate" id="btn_campaignDetail" href="javascript:" style="border-bottom-width: 0"><i class="fa fa-edit"></i></a></div>
            </h3>
            <div class="pull-right">
                <div id="chart_btnTotalGroup" class="button-list m-r-10 d-inline-block" style="">
                    <button class="btn btn-frame-w1 waves-effect text-right btn-default" type="button" value="pv">展示数</button>
                    <button class="btn btn-frame-w1 waves-effect text-right btn-default" type="button" value="click">点击数</button>
                    <button class="btn btn-frame-w1 waves-effect text-right btn-white" type="button" value="cr">点击率</button>
                    <button class="btn btn-frame-w1 waves-effect text-right btn-white" type="button" value="price">点击均价</button>
                    <button class="btn btn-frame-w1 waves-effect text-right btn-white" type="button" value="cost">花费</button>
                </div>
                <div class="time-range-base d-inline-block">
                    <input type="text" class="form-control time-range" id="txt_campaign_timeRange" readonly="readonly"><i class="fa fa-calendar"></i>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
        <div class="panel-collapse collapse in" id="panel_campaignReport">
            <div class="portlet-body p-0">
                <div class="row m-l-r-0">
                    <div id="chart_campaign_total" class="col-lg-4">
                        <div class="row ">
                            <div class="col-md-6 col-sm-3 p-0">
                                <div class="card-box card-num">
                                    <h4 class="header-title">展示数</h4>
                                    <div class="header-body card-num-center">
                                        <h4><span class="num-int counter" name="pv">0</span></h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-3 p-0">
                                <div class="card-box card-num">
                                    <h4 class="header-title">点击率</h4>
                                    <div class="header-body card-num-center">
                                        <h4><span class="num-float2 counter" name="cr">0</span>%</h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-3 p-0">
                                <div class="card-box card-num">
                                    <h4 class="header-title">点击均价</h4>
                                    <div class="header-body card-num-center">
                                        <h4><i class="fa fa-rmb"></i><span class="num-float2 counter" name="price">0</span></h4>
                                    </div>
                                </div>
                            </div>
                            <div class="col-md-6 col-sm-3 p-0">
                                <div class="card-box card-num">
                                    <h4 class="header-title">花费</h4>
                                    <div class="header-body card-num-center">
                                        <h4><i class="fa fa-rmb"></i><span class="num-float2 counter" name="cost">0</span></h4>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8 p-l-r-0 datajsonload" style="height: 235px">
                        <div id="chart_campaign" style="height: 100%"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="row m-b-20">
        <div class="col-lg-12 tabs-level-hyaline">
            <ul class="nav nav-tabs" id="tab_group">
                <li class=""><a href="javascript:" data-target="#tab_spread" data-tab-Page-type="spread" data-toggle="tab"><span>推广计划</span></a></li>
                <li class=""><a href="javascript:" data-target="#tab_strategy" data-tab-Page-type="strategy" data-toggle="tab"><span>策略管理</span></a></li>
                <li class=""><a href="javascript:" data-target="#tab_creative" data-tab-Page-type="creative" data-toggle="tab"><span>创意管理</span></a></li>
            </ul>
            <div class="tab-content">
                <div class="tab-pane" id="tab_spread"></div>
                <div class="tab-pane" id="tab_strategy"></div>
                <div class="tab-pane" id="tab_creative"></div>
            </div>
        </div>
    </div>
</div>

